:root {
  --space-small: 4px;
  --space-normal: 8px;
  --space-larger: 12px;
  --space-large: 16px;
}

/* 边距 begin */
.margin-top-small {
  margin-top: var(--space-small);
}

.margin-top-normal {
  margin-top: var(--space-normal);
}

.margin-top-large {
  margin-top: var(--space-large);
}

.margin-right-small {
  margin-right: var(--space-small);
}

.margin-right-normal {
  margin-right: var(--space-normal);
}

.margin-right-large {
  margin-right: var(--space-large);
}

.margin-bottom-small {
  margin-bottom: var(--space-small);
}

.margin-bottom-normal {
  margin-bottom: var(--space-normal);
}

.margin-bottom-large {
  margin-bottom: var(--space-large);
}

.margin-left-small {
  margin-left: var(--space-small);
}

.margin-left-normal {
  margin-left: var(--space-normal);
}

.margin-left-large {
  margin-left: var(--space-large);
}

.margin-x-small{
  margin-left: var(--space-small);
  margin-right: var(--space-small);
}

.margin-x-normal{
  margin-left: var(--space-normal);
  margin-right: var(--space-normal);
}

.margin-x-large{
  margin-left: var(--space-large);
  margin-right: var(--space-large);
}


.margin-y-small{
  margin-top: var(--space-small);
  margin-bottom: var(--space-small);
}

.margin-y-normal{
  margin-top: var(--space-normal);
  margin-bottom: var(--space-normal);
}

.margin-y-large{
  margin-top: var(--space-large);
  margin-bottom: var(--space-large);
}

/* 边距 end */

/* 填充 begin */
.padding-small{
  padding: var(--space-small);
}

.padding-normal{
  padding: var(--space-normal);
}

.padding-large{
  padding: var(--space-large);
}

.padding-top-small{
  padding: var(--space-small);
}

.padding-top-normal{
  padding: var(--space-normal);
}

.padding-top-large{
  padding: var(--space-large);
}

.padding-right-small{
  padding: var(--space-small);
}

.padding-right-normal{
  padding: var(--space-normal);
}

.padding-right-large{
  padding: var(--space-large);
}

.padding-bottom-small{
  padding: var(--space-small);
}

.padding-bottom-normal{
  padding: var(--space-normal);
}

.padding-bottom-large{
  padding: var(--space-large);
}

.padding-left-small{
  padding: var(--space-small);
}

.padding-left-normal{
  padding: var(--space-normal);
}

.padding-left-large{
  padding: var(--space-large);
}

/* 填充 end */
